{% extends "main.tpl" %}
{% block stylesheets %}

{% endblock %}
{% block content %}

	<!-- Main content -->
	<section role="main" id="main">
        <div class="with-padding">
        {% include 'flashmessage.tpl' %}
        </div>
		<noscript class="message black-gradient simpler">Your browser does not support JavaScript! Some features won't work as expected...</noscript>

		<hgroup id="main-title" class="thin">
			<h1>Users</h1>
		</hgroup>
		<div class="with-padding">

		</div>

	</section>
	<!-- End main content -->



{% endblock %}
{% block javascripts %}


	<!-- Template functions -->
	<script src="{{ javascript_path }}developr.input.js"></script>
	<script src="{{ javascript_path }}developr.navigable.js"></script>
	<script src="{{ javascript_path }}developr.notify.js"></script>
	<script src="{{ javascript_path }}developr.scroll.js"></script>
	<script src="{{ javascript_path }}developr.tooltip.js"></script>
	<script src="{{ javascript_path }}developr.table.js"></script>

	<!-- Plugins -->
	<script src="{{ javascript_path }}libs/jquery.tablesorter.min.js"></script>
	<script src="{{ javascript_path }}libs/DataTables/jquery.dataTables.min.js"></script>

	<script>

		// Call template init (optional, but faster if called manually)
		$.template.init();

		// Table sort - DataTables
		var table = $('#sorting-advanced'),
			tableStyled = false;

		table.dataTable({
			'aoColumnDefs': [
				{ 'bSortable': false, 'aTargets': [ 0, 5 ] }
			],
			'sPaginationType': 'full_numbers',
			'sDom': '<"dataTables_header"lfr>t<"dataTables_footer"ip>',
			'fnDrawCallback': function( oSettings )
			{
				// Only run once
				if (!tableStyled)
				{
					table.closest('.dataTables_wrapper').find('.dataTables_length select').addClass('select blue-gradient glossy').styleSelect();
					tableStyled = true;
				}
			}
		});

	</script>
{% endblock %}

</body>
</html>